<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../css/site.css"/>
	<link rel="stylesheet" href="../../css/pulice.css">
    <script src="../../js/api.js"></script>
    <script src="../../js/libs/zepto.min.js"></script>
    <script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/vue.min.js"></script>
    <script src="../../js/vue-resource.min.js"></script>
    <script src="../../js/aui-toast.js"></script>
    <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script>
		setToken();
        $(function () {
        	
        	var app = new Vue({
                el: '#box',
                data: {
                    HuaBao : {},//分享记录
                    pageIndex : 1,
                },
                mounted:function(){
                	this.$nextTick(function(){
                		this.myHuaBao();
                	})
                },
                methods:{
                	myHuaBao : function(){
                		this.$http.get(SURL+"app/Address/listAddress",{params:{pageIndex:this.pageIndex}}).then(function(res){
	                   			console.log(res.body.data)
	                   			this.HuaBao = res.body.data;
	                		}).catch(function(req){
                			
                		});
                	},
                	
                }
            });
        	
            $('.hm-bar').load('../../data/headerOther.html',function (data) {
                $(this).find('.head-main').text('收货地址');
                $(this).find('.hm-bar-box').css('position','static');
                $(this).find('.head-left').on('tap',function () {
                    window.history.back();
                });
            });
        })
	</script>
    <title>收货地址</title>
</head>
<body>
	<div class="hm-bar"></div>
    <div id="box">
        <div class="WD-shenti">
        	<div class="WD-nav" v-for="(v,i) in HuaBao">
        		<img src="../../img/ctiao.png"  class="ctiao"/>
	        	<div class="WD-info">
	        		<div class="r-info">
	        			<p>收货人：<span class="span1">{{v.userName}}</span><span class="span2">{{v.userPhone}}</span></p>
	        		</div>
	        		<div class="site-infon">
	        			{{v.name}}
	        		</div>
	        	</div>
	        	<div class="operation flex">
	        		<div class="moren flex" v-if="v.isDefault == 0">
	        			<img src="../../img/gwc/gwc-radio.png" />
	        			<p>设为默认</p>
	        		</div>
	        		<div class="moren flex" v-if="v.isDefault == 1">
	        			<img src="../../img/gwc/gwc-radio2.png" />
	        			<p>已设为默认</p>
	        		</div>
	        		
	        		
	        		<div class="cz flex">
	        			<div class="bj flex">
	        				<img src="../../img/bj.png" />
	        				<p>编辑</p>
	        			</div>
	        			<div class="remove flex">
	        				<img src="../../img/remove.png" />
	        				<p>删除</p>
	        			</div>
	        		</div>
	        	</div>
        	</div>
        </div>
        
        <div class="noMore">没有更多数据</div>
        
        
        <div class="tj">
        	<div>
        		<img src="../../img/tj.png" />
   				<p>新增收货地址</p>
        	</div>
  		 </div>
    </div>
</body>
</html>